<template>
  <div id="echartsData">
    <h1 class="con-right-title">
      分享回流看板
    </h1>
    <topData></topData>
    <shareCount class="share-count"></shareCount>
    <flowCount></flowCount>
    <!--  <flowCount></flowCount>-->
  </div>
</template>

<script>
import {
  getSearchList,
  exportRole,
  batchRemove,
  deleteReq
} from '@/api/system/post' // 接口
import topData from '@component/shareBackFlow/echartsData/com/topData' // 昨日数据
import shareCount from '@component/shareBackFlow/echartsData/shareCount/shareCountBox' // 用户来源占比统计
import flowCount from '@component/shareBackFlow/echartsData/flowCount/flowCountBox' // 用户使用频道占比统计
import { saveScrollMixins } from '@/mixins/saveScroll'
import { getCreateDate } from '@utils/pubFunction'
export default {
  name: 'board',
  msg: '分享回流数据看板',
  /* mixins: [saveScrollMixins],*/
  components: {
    topData,
    shareCount,
    flowCount
  },
  data() {
    return {
      value1: '',
      multipleSelection: [],
      powerStr: 'system:baseData:list', // 是否查询的标识
      canGetList: true, // 是否可以查询列表
      powerAry: [], // 可显示的权限
      canShowPage: false // 是否显示当前页面
    }
  },
  mounted() {},
  methods: {
    /* 获取权限 */
    getPower() {
      let id = this.$route.query.mId
      this.getCurPageMenu(id).then((res) => {
        this.powerAry = res
        if (!res.includes(this.powerStr)) {
          this.canGetList = false
          this.alertPower(this.powerStr)
        } else {
          this.canShowPage = true
        }
      })
    }
  }
}
</script>

<style lang="less">
#echartsData {
  .share-count {
    margin: 20px 0 25px;
  }
  .echarts-title {
    font-size: 18px;
    font-weight: bold;
    color: #222;
    padding: 10px 0 10px 30px;
  }
  .base-col {
    float: left;
    width: 20%;
    padding: 0 5px;
    box-sizing: border-box;
  }
}
</style>
